<!doctype html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<title>成为分销商</title>
<link href="../css/base.css" type="text/css" rel="stylesheet">
<link href="../css/indentInfo.css" type="text/css" rel="stylesheet">
<script type="text/javascript" src="../js/jquery.js"></script>
</head>

<body>

<header>
   <div class="banner bgred clear">
     	<a href="#" class="tixn fr"><i class="tiicon"></i>提现</a>
   		<img src="../images/toux1.png" width="40">
        <strong>妞妞</strong>
        <button type="button" class="mail bgred1"><i class="email"></i><i class="newMail"></i></button>
        <!--<button type="button" class="mail bgred1"><i class="qiue"></i></button>-->
        <button type="button" class="mail bgred1"><i class="sets"></i></button>
   </div>
</header>

<nav class="nav pb40">
   <ul class="nav-ul clear">
       <li class="colorred bordercolor"><i class="sr"></i><p>收入</p></li>
       <li class="colorred bordercolor"><i class="td"></i><p>团队</p></li>
       <li class="current colorred bordercolor"><i class="phb"></i><p>排行榜</p></li>
   </ul>
   <div class="content hide">11</div><!--content-->
   <div class="content hide">
   		<ul class="phb-ul phb-ul1 clear">
        	<li class="current colorred">全部</li>
            <li class="colorred">未审核</li>
            <li class="colorred">已通过</li>
            <li class="colorred">已拒绝</li>
        </ul>
   		<div class="table">
            <table width="100%" border="0">
            	<thead>
                  <tr>
                    <th width="20%">姓名</th>
                    <th width="54%">电话</th>
                    <th width="26%">操作</th>
                  </tr>
                 </thead>
                  <tr>
                    <td>1</td>
                    <td>Olivia</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>Olivia</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>Olivia</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>Olivia</td>
                    <td>1288.90</td>
                  </tr>
            </table>

        </div><!--table-->
        
        <div class="table hide">
            <table width="100%" border="0">
            	<thead>
                  <tr>
                    <th width="20%">排名</th>
                    <th width="44%">昵称</th>
                    <th width="36%">销售额</th>
                  </tr>
                 </thead>
                  <tr>
                    <td>1</td>
                    <td>hfghgfh</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>hjhj</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>jkjmj</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>bvn</td>
                    <td>1288.90</td>
                  </tr>
            </table>

        </div><!--table-->
   
   </div><!--content-->
   
   <div class="content phbbox">
   		<ul class="phb-ul clear">
        	<li class="current colorred">小店排行</li>
            <li class="colorred">团队排行</li>
        </ul>
   		<div class="table">
            <table width="100%" border="0">
            	<thead>
                  <tr>
                    <th width="20%">排名</th>
                    <th width="44%">昵称</th>
                    <th width="36%">销售额</th>
                  </tr>
                 </thead>
                  <tr>
                    <td>1</td>
                    <td>Olivia</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>Olivia</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>Olivia</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>Olivia</td>
                    <td>1288.90</td>
                  </tr>
            </table>

        </div><!--table-->
        
        <div class="table hide">
            <table width="100%" border="0">
            	<thead>
                  <tr>
                    <th width="20%">排名</th>
                    <th width="44%">昵称</th>
                    <th width="36%">销售额</th>
                  </tr>
                 </thead>
                  <tr>
                    <td>1</td>
                    <td>hfghgfh</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>2</td>
                    <td>hjhj</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>3</td>
                    <td>jkjmj</td>
                    <td>1288.90</td>
                  </tr>
                  <tr>
                    <td>4</td>
                    <td>bvn</td>
                    <td>1288.90</td>
                  </tr>
            </table>

        </div><!--table-->
   
    <div class="lxwm-box"><a class="colorred" href="#"><i></i> | 联系我们</a></div>
   
   </div><!--content-->
</nav>


<footer class="footers">
     <ul class="clear">
         <li class="current"><a href="成为分销商.html"><i class="fxs"></i><p>成为分销商</p></a></li>
         <li><a href="首页.html"><i class="home"></i><p>店铺首页</p></a></li>
         <li><a href="我的订单.html"><i class="dgdan"></i><p>我的订单</p></a></li>
     </ul>
</footer>

<script type="text/javascript">
	$(function(){
		$(".nav .nav-ul li").click(function(){
			var _index = $(this).index();
			var _div = $(this).parents(".nav").find('.content');
			$(this).addClass('current').siblings().removeClass('current');
			_div.eq(_index).show().siblings(".content").hide();
		});	
		$(".phb-ul li").click(function(){
			var _index = $(this).index();
			var _div = $(this).parents(".content").find('.table');
			$(this).addClass('current').siblings().removeClass('current');
			_div.eq(_index).show().siblings(".table").hide();
		});
	});
</script>

</body>
</html>
